<template>
    <div>
        <Header title="cinema"></Header>
        <div id="content">
            <div class="cinema_menu">
                <div class="city_switch">
                    全城<i class="iconfont icon-arrow-down"></i>
                </div>
                 <div class="brand_switch">
                    品牌<i class="iconfont icon-arrow-down"></i>
                </div>
                 <div class="featrue_switch">
                    特色11<i class="iconfont icon-arrow-down"></i>
                </div>
            </div>
            <CiList></CiList>
        </div>
        <TabBar></TabBar>
    </div>
</template>

<script>
import Header from '@/components/Header'
import TabBar from '@/components/TabBar'
import CiList from '@/components/CList'
export default {
    name:'cinema',
    components:{
        Header,
        TabBar,
        CiList
    }
}
</script>

<style scoped>

    #content .cinema_menu{
        width: 100%;
        height: 45px;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        justify-content: space-between;
        line-height: 45px;
       
    }
    .cinema_menu > div{
         padding: 0 10px;
    }
</style>
